<!-- 自定义顶部导航栏-导航名称 -->
<template>
    <el-collapse modelValue="1">
        <el-collapse-item title="导航名称" name="1">
            <el-input v-model="widget.widgetData.eles.customFeature.title" placeholder="请输入导航名称" />
        </el-collapse-item>
    </el-collapse>
</template>

<script>
import { defineComponent, toRefs } from 'vue'
// import { useEditStore } from '@/store'
export default defineComponent({
    name: 'CustomTopNavName',
    props: {
        widget: {
            type: Object,
            default: () => ({})
        }
    },
    setup(props) {
        const { widget } = toRefs(props)

        // const editStore = useEditStore()

        // const pageId = computed(() => editStore.pageId)
        // const pageData = computed(() => editStore.pageData)
        // const cataDataPageFlat = computed(() => editStore.cataDataPageFlat)
        // const navName = computed({
        //     get: () => pageData.value.customFeature.name,
        //     set: val => {
        //         pageData.value.customFeature.name = val
        //         widget.value.widgetData.eles.customFeature.title = val
        //         cataDataPageFlat.value[pageId.value].data.name = val
        //     }
        // })

        return {
            widget,
            // navName
        }
    }
})
</script>